<template>
	<view>
		<view class="Modal_mask" :class="mClass" @click.stop="closes"></view>
		<view class="Modal_Modal">
			<view class="Modal_title">{{title}}</view>
			<view><slot></slot></view>
		</view>
	</view>
</template>

<script>
import uniIcons from '@/components/uni-icon/uni-icon.vue';
export default {
	name: 'lkex-modal',
	components: { uniIcons },
	props: {
		mClass: {
			type: String,
			default: ''
		},
		title: {
			type: String
		},
		color: {
			type: String
		},
		background: {
			type: String
		},
		isShowClose: {
			type: Boolean,
			default: true
		}
	},
	data() {
		return {};
	},
	methods: {
		hideModal() {
			if (this.isMask) {
				this.$emit('close');
			}
		},
		closes() {
			this.$emit('close');
		}
	}
};
</script>

<style lang="scss">
.Modal_mask {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 999;
}
.Modal_Modal {
	z-index: 9999;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 516upx;
	height: 1176rpx;
	border-radius:0upx 5upx 5upx 0upx;
	background: #fff;
	.Modal_title {
		position: relative;
		font-weight: 600;
		display: flex;
		height: 92rpx;
		border-bottom: 2rpx solid #F8F9FB;
		justify-content: center;
		align-items: center;
		font-size: 32rpx;
	}
	.msg_model {
		.block {
			display: flex;
			justify-content: space-between;
			image {
				width: 24rpx;
				height: 24rpx;
			}
		}
		
	}
}
</style>
